<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<jsp:include page="/common/backend_common.jsp"/>
	<title>角色展示界面</title>
</head>
<body>
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
<!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]--> 
<style type="text/css">
/* 解决表格复选框不居中 */
.layui-table-cell .layui-form-checkbox[lay-skin="primary"]{
     top: 50%;
     transform: translateY(-50%);
}

</style>

<div class="admin-breadcrumb">
	<span class="layui-breadcrumb" lay-separator=">>">
	  <a href="">权限管理</a>
	  <a><cite>权限更新记录</cite></a>
	</span>
</div>
<hr>
<div class="layui-form" id="myform" lay-filter="logListForm">
    <div class="layui-row grid-demo grid-demo-bg1">
		<div class="layui-col-md12">
			<div class="layui-form-item">
				<label class="layui-form-label">操作者</label>
				<div class="layui-input-inline" style="width: 200px;">
					<input type="text" class="layui-input" name="operator" autocomplete="off" placeholder="请输入操作者">
				</div>
				<label class="layui-form-label">开始时间</label>
				<div class="layui-input-inline" style="width: 200px;">
					<input type="text" class="layui-input" id="fromTime" name="fromTime" placeholder="yyyy-MM-dd" autocomplete="off" placeholder="请输入开始时间">
				</div>
				<label class="layui-form-label">结束时间</label>
				<div class="layui-input-inline" style="width: 200px;">
					<input type="text" class="layui-input" id="toTime" name="toTime" placeholder="yyyy-MM-dd" autocomplete="off" placeholder="请输入结束时间">
				</div>
			</div>
		</div>
		<div class="layui-col-md12">
			<div class="layui-form-item">
				<label class="layui-form-label">操作前的值</label>
				<div class="layui-input-inline" style="width: 200px;">
					<input type="text" class="layui-input" name="beforeSeg" autocomplete="off" placeholder="请输入操作前的值">
				</div>
				<label class="layui-form-label">操作后的值</label>
				<div class="layui-input-inline" style="width: 200px;">
					<input type="text" class="layui-input" name="afterSeg" autocomplete="off" placeholder="操作后的值">
				</div>
			</div>
		</div>
		<div class="layui-col-md12">
			<table id="logTable" class="layui-hide layui-table" lay-filter="logTableLay"></table>
		</div>
	</div>
	
</div>

<script type="text/javascript" src="../../../other/js/config.js"></script>
<script type="text/javascript" src="log.js"></script>
<!-- 头部工具栏 -->
<script type="text/html" id="toolbarDemo">
  <div class="layui-btn-container">
	<button class="layui-btn layui-btn-sm" lay-submit lay-filter="queryLog">查询</button>
	<button class="layui-btn layui-btn-sm" lay-event="resetRole">重置</button>
    <button class="layui-btn layui-btn-sm" lay-event="delete">删除</button>
  </div>
</script>
<!-- 操作列 -->
<script type="text/html" id="barDemo">
  <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
  <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
  <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>
</body>
</html>